@import './base';

.my-balance-main{
  //*****头部*****
  .head{
    background: -webkit-linear-gradient(left top, #6E8DF6, #6E8DF6);
    height: 220px;
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    color: #C6CDFC;

    .encryption{
      top: 1px;
      left:0;
    }

    .can-withdraw{
      font-size: 32px;
      margin-top: 5px;
    }

    .btn{
      margin: 12px 0 20px;

      span{
        min-width: 100px;
        height: 30px;
        line-height: 30px;
        border:1px solid #C6CDFC;
        border-radius: 2px;
      }

      span:first-child{
        margin-right: 8px;
      }
    }

    //.withdraw-text{
    //  margin: 10px 0 26px;
    //
    //  i{
    //    top: -1px;
    //    left:0;
    //  }
    //}

    .earnings-box{
      display: flex;
      background: rgba(255,255,255,.06);
      width: 100%;
      height: 77px;
      padding: 14px;
      box-sizing: border-box;

      div{
        flex: 1;

        p:first-child{
          margin-bottom: 4px;
        }
      }

      div.box-l::before{
        content:'';
        position: absolute;
        top: 6px;
        right: 0;
        background-color: #C6CDFC;
        width: 1px;
        height: 68%;
      }
    }
  }
  //*****头部*****

  //*****列表*****
  .detail-list{
     ul{
       width: 100%;
       height:auto;
       padding-left: 20px;
       box-sizing: border-box;

       li{
         display: flex;
         width: 100%;
         height: 65px;
         padding-top: 16px;
         box-sizing: border-box;

         div{
           flex: 1;
         }

         div.right{
           line-height: 36px;
           margin-right: 20px;
         }
       }
     }
  }
  //*****列表*****

}
